<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
	</head>
	<body>
		<!-- 链接标签：a
			href:指向链接地址
			指向网址，HTML文件，#空链接，锚点链接 
			图片标签：img
			src:图片源(相对路径)
			alt:
			width:宽
			height:高
			tips提示：width和height属性一般只设置一个，
			另一个值自动进行等比例缩放 
			-->
			<img scr="img/xx.jpeg" height="200" alt="图片加载出错"/>
			<hr />
			<!-- 列表标签：
			1.无序列表
			2.有序列表
			3.自定义列表 -->
		<ul>
			<li>第一列</li>
			<li>第二列</li>
			<li>第三列</li>
		</ul>
		<ol>
			<li>大王叫我来巡山</li>
			<li>
				<a href="https://y.qq.com/n/ryqq/songDetail/00103MrP45XbHm">蜃楼</a>
			</li>
			
			<li>稻香</li>
		</ol>
		
		<dl>
			<dt>选购指南</dt>
			<dd>手机</dd>
			<dd>家电</dd>
			<dd>汽车</dd>
		</dl>
		<!-- border:边框 -->
		<!-- cellspacing:单元格之间的空间距离 -->
		<!-- cellpadding:单元格内的填充距离 -->
		<table border="1" cellspacing="0" cellpadding="20">
			<thead>     <!-- 表格的头 -->
			    <tr>   <!-- table row:表格中的行 -->
				   <th>姓名</th>     <!-- 表头 -->
				   <th>班级</th>
				   <th>性别</th>
				</tr>	
			</thead>		
			<tbody>     <!-- 表格的主体部分 -->	
			      <tr>     <!-- 第一行数据 -->
					  <td>张三</td>    <!-- table data:数据单元格 -->
					  <td>计算机三班</td>
					  <td>未知</td>
				  </tr>	
			
			
				
			</tbody>
		</table>
		
	</body>
</html>
